<template>
	<!-- 读取某种地方来的数据 -->
	<view class="address">
		<view class="province">
			<van-tag type="primary" color="#4E47FF">默认</van-tag>
			<text>北京市</text>
			<text>朝阳区</text>
			<text>劲松街道</text>
		</view>
		<view class="Detailed_address">
			<text>劲松路华腾圆6-1508</text>
			<van-icon name="arrow" />
		</view>
		<view class="character">
			<text>李二狗</text>
			<text>1390***6262</text>
		</view>
		<!-- ../../static/images/Shop/site_bottom_line.png -->
		<image class="borderPic" src="../../../static/images/Shop/site_bottom_line.png" mode=""></image>
	</view>
</template>

<script setup lang="ts">
</script>

<style lang="scss" scoped>
	.address {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		width: 97%;
		height: 234px;
		background-color: #38393a;
		border-radius: 10px;
		margin: 0 auto;

		.province {
			font-size: 28px;
			color: #fff;
			margin-left: 20px;

			&>text {
				margin: 0 10px;
			}
		}

		.Detailed_address {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 100%;
			font-size: 40px;
			color: #fff;
			margin: 20px 0;

			&>text {
				margin-left: 20px;
			}
		}

		.character {
			font-size: 24px;
			color: #fff;
			margin-left: 20px;

			&>text {
				margin-right: 20px;
			}
		}

		.borderPic {
			width: 100%;
			height: 4px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	}
</style>